<template>
  <div class="register-box">
    <img
      src="./../../assets/images/my/Register-left-arrow.jpg"
      alt=""
      class="Register-left-arrow-img"
      @click="FnRouter()"
    />
    <div class="password-text">设置密码</div>
    <input type="text" placeholder="请输入手机号" class="user">
    <input type="text" placeholder="请输入验证码" class="user">
    <input type="text" placeholder="请输入6-20位新密码" class="user">
    <div class="determine">确定</div>
  </div>
</template>
<script>
export default {
    methods:{
        FnRouter(){
            this.$router.push("MobilePhone")
        }
    }
}
</script>
<style lang="less" scoped>
.register-box {
  width: 698px;
  height: 100vh;
  padding-left: 52px;
   .Register-left-arrow-img{
    width: 21px;
    height: 38px;
    margin-top: 40px;
    margin-bottom: 98px;
    display: block;
  }
  .password-text{
      width: 698px;
      height: 46px;
      font-weight: 600;
      font-size: 46px;
      line-height: 46px;
      margin-bottom: 60px; 
  }
  .user{
      width: 100vw;
      height: 134px;
      outline: none;
      background: transparent;
      border: 0;
  }
  .user::placeholder{
      font-size: 36px;
  }
  .determine{
      width: 646px;
      height: 95px;
      border-radius: 10px;
      background:#feeee1;
      color: #fffff9;
      margin-top: 40px;
      font-size: 30px;
      text-align: center;
      line-height: 95px;
  }
}
</style>